<template>
  <div class="" style="position:relative;top: 3.7rem;left: 10%;width: 90%;">
    <div class="container-fluid mt-4">
      <div class="card">
        <div class="card-body">
          <div>
            <p><i class="zi zi_minus zi_rotate90 p-0 m-0" style="color: blue"></i> 账号明细</p>
          </div>
          <span>选择店铺：</span>
          <el-select v-model="value" placeholder="请选择店铺">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>

          <div style="margin-top: 20px">
            订单状态：
            <el-radio-group v-model="radio1" size="medium">
              <el-radio-button label="全部" ></el-radio-button>
              <el-radio-button label="已完成"></el-radio-button>
              <el-radio-button label="未完成"></el-radio-button>
              <el-radio-button label="进行中"></el-radio-button>
            </el-radio-group>
          </div>

          <div style="margin-top: 20px">
            支付方式：
            <el-radio-group v-model="radio2" size="medium">
              <el-radio-button label="线上支付" ></el-radio-button>
              <el-radio-button label="线下支付"></el-radio-button>
            </el-radio-group>
          </div>
          <div class="col-12 mt-4">
            <table class="table table-striped table-hover">
              <thead>
                <tr>
                  <th>订单序号</th>
                  <th>订单编号</th>
                  <th>下单时间</th>
                  <th>付款方式</th>
                  <th>订单金额</th>
                  <th>订单状态</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>3</td>
                  <td>4</td>
                  <td>5</td>
                  <td>6</td>
                  <td>7</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
    export default {
        name: "FinanceTransactionRecord",
      data() {
        return {
          options: [{
            value: '1',
            label: '店铺1'
          }],
          value: '',

          radio1: '1',
          radio2: '2'
        }
      }
    }
</script>

<style scoped>

</style>
